<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>入驻认证</title>
    <link rel="icon" href="./images/MIXIAOTU.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <!-- <link rel="stylesheet" href="./css/common.css"> -->
    <!-- <link rel="stylesheet" href="./css/swiper.min.css"> -->
    <link rel="stylesheet" href="./css/organizationIn.css">
</head>

<body>
    <header class="header">
        <div class="container">
            <a href=""><img src="./images/作业管理-课程习题_试卷_slices/返 回.png" alt=""></a>
            <p id="ruzhurenzheng">入驻认证</p>
        </div>
    </header>
    <!-- 序号提示进行到第几部 -->
    <div class="optTips">
        <div class="center">
            <div class="layerOne active" id="oneClick">
                <div class="layerTwo">
                    <div class="text">1</div>
                </div>
            </div>
            <div class="interval">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="layerOne " id="twoClick">
                <div class="layerTwo">
                    <div class="text">2</div>
                </div>
            </div>
            <div class="interval">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="layerOne " id="threeClick">
                <div class="layerTwo">
                    <div class="text">3</div>
                </div>
            </div>
        </div>

    </div>
    <!-- 填入入驻信息 -->
    <div class="conBox">
        <div class="center">
            <div class="basicInfo comStyle">
                <h3>基本信息填写</h3>
                <label><span>姓名:</span><input type="text"></label>
                <label><span>身份证号码:</span><input type="text"></label>
                <div>
                    <input type="file" id="cardZheng" accept="image/png,image/jpg,image/webp" style="display:none;">
                    <label for="cardZheng">
                        <span>身份证正面:</span>
                        <div class="uploadBtns">上传</div>
                    </label>
                </div>
                <p><span></span>图片大小不超过2M，支持JPG.PNG格式</p>
                <div>
                    <input type="file" id="cardFan" accept="image/png,image/jpg,image/webp" style="display:none;">
                    <label for="cardFan">
                        <span>身份证反面:</span>
                        <div class="uploadBtns">上传</div>
                    </label>
                </div>
                <p><span></span>图片大小不超过2M，支持JPG.PNG格式</p>
                <button id="nextTwoLayer">下一步</button>
            </div>
            <div class="jigouInfo comStyle dn">
                <h3>完善机构信息</h3>
                <label><span>机构名称:</span><input type="text"></label>
                <label><span>法人姓名:</span><input type="text"></label>
                <div>
                    <input type="file" id="cardZheng" accept="image/png,image/jpg,image/webp" style="display:none;">
                    <label for="cardZheng">
                        <span>营业执照:</span>
                        <div class="uploadBtns">上传</div>
                    </label>
                </div>
                <p><span></span>图片大小不超过2M，支持JPG.PNG格式</p>
                <div>
                    <input type="file" id="cardFan" accept="image/png,image/jpg,image/webp" style="display:none;">
                    <label for="cardFan">
                        <span>机构logo:</span>
                        <div class="uploadBtns">上传</div>
                    </label>
                </div>
                <p><span></span>图片尺寸为64*64px，大小不超过2M，格式为PNG格式</p>
                <button id="nextThereLayer">提交认证</button>
            </div>
            <div class="shenHe dn">
                <div>
                    <div>
                        <img src="./images/ruzhurenzheng.png" alt="ruzhurenzheng">
                    </div>
                    <p>认证提交成功，审核中...</p>
                </div>

            </div>
        </div>

    </div>


    <script src="./js/jquery-1.10.1.min.js"></script>
    <!-- <script src="./js/swiper.min.js"></script> -->
    <!-- <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> -->
    <script src="./js/commonTool.js"></script>
    <!-- <script src="./js/login.js"></script> -->
    <script src="./js/organizationIn.js"></script>
</body>

</html>